
<!-- isELIgnored="false" 必须要设置为false 否则,JSTL标签会起作用，但是EL表达式不起作用，
  无法获取到ModelAndView传递过来的值,会将EL表达式当做值输出
  EL表达式是Expression Language（表达式语言),EL是JSP2.0规范的一部分，只要容器支持Servlet2.4/JSP2.0，就可以在JSP2.0网页中直接使用EL
  但是，要支持复杂的行为，比如循环遍历列表，就需要用到JSTL标签
  参考资料：https://blog.csdn.net/m0_37836194/article/details/78318565
           https://www.bootcss.com/
-->
<%@ page contentType="text/html;charset=UTF-8"
         language="java"
         pageEncoding="UTF-8"
         isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>引擎列表</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <%--<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>--%>
</head>
<body>
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
    <div>引擎列表 JSTL和EL输出</div>
    <table class="table">
        <tr>
            <th>品牌</th>
            <th>材料</th>
            <th>创建日期</th>
            <th>批次号</th>
        </tr>
        <!--JSTL和EL表达式合并使用 输出单个对象的值-->
        <c:forEach items="${engineList}" var="item">
            <tr>
                <td class="active">${item.brand}</td>
                <td class="success">${item.material}</td>
                <td class="warning">${item.createDate}</td>
                <td class="danger">${item.serialNo}</td>
            </tr>
        </c:forEach>
    </table>

    <div>引擎列表 JSTL和EL输出</div>
    <table class="table">
        <tr>
            <th>品牌</th>
            <th>材料</th>
            <th>创建日期</th>
            <th>批次号</th>
        </tr>
        <!--JSTL和EL表达式合并使用 输出单个对象的值-->
        <c:forEach items="${engineList}" var="item" varStatus="status">
            <c:choose>
                <c:when test="${status.count%2 == 1 }">
                    <tr class="info">
                        <td >${item.brand}</td>
                        <td >${item.material}</td>
                        <td >${item.createDate}</td>
                        <td >${item.serialNo}</td>
                    </tr>
                </c:when>
                <c:otherwise>
                    <tr class="danger">
                        <td >${item.brand}</td>
                        <td >${item.material}</td>
                        <td >${item.createDate}</td>
                        <td >${item.serialNo}</td>
                    </tr>
                </c:otherwise>
            </c:choose>
        </c:forEach>
    </table>
</body>
</html>